/*房间确认弹窗*/
.confirmOrder{
  background: rgb(246, 248, 250);
  font-size: 14px;
  .content{
    background: #fff;
    .top{
      font-size: 18px;
      color: #333;
      padding: 15px;
      border-bottom: 1px solid rgba(0,0,0,0.07);
      //cursor: move;
    }
    .userInfo{
      padding: 15px 0;
      border-bottom: 1px solid rgba(0,0,0,0.07);
      .userCon{
        width: 70%;
        margin: auto;
        padding-top: 5px;
        box-sizing: border-box;
        span,.input,.search,.radios{
          float: left;
          margin-right: 10px;
        }
        span{
          width: 60px;
          text-align: right;
          line-height: 40px;
        }
        .search{
          margin-right: 0;
        }
        .radios{
          padding-top: 10px;
          box-sizing: border-box;
        }
      }
      .userCon:first-child{
        padding-top: 0;
      }
      /*清除浮动*/
      .userCon:before,
      .userCon:after {
        display: table;
        content: "";
      }
      .userCon:after {
        clear: both;
      }
      .userCon{
        *zoom: 1;
      }
    }
  }
  .buttons{
    padding: 15px;
    .con{
      text-align: center;
    }
  }
}
/*订单支付板块*/
.orderPayPlate{
  width: 440px;
  background: rgb(246, 248, 250);
  overflow: hidden;
  position: relative;
  .lodingDiv{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 52px;
    left: 0;
    background-color: hsla(0,0%,100%,.8);
    z-index: 888;
    .loginIcon{
      width: 20px;
      height: 20px;
      margin: auto;
      margin-top: 20%;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .loginText{
      text-align: center;
      font-size: 14px;
      color: #333;
      margin-top: 10px;
    }
  }
  .close{
    font-size: 20px;
    position: absolute;
    top: 17px;
    right: 15px;
    cursor: pointer;
  }
  .title{
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .payContent{
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    padding: 15px 0;
    .barCounter{
      width: 80%;
      margin: 10px auto;
      display: flex;
      flex-direction: column;
      //border: 1px solid rgba(0,0,0,0.07);
      /*商品列表*/
      .commodityList{
        display: flex;
        flex-direction: column;
        max-height: 173px;
        overflow-y: auto;
        .bc_search{
          margin: 5px;
          margin-left: 0;
        }
      }
      .hrDiv{
        width: 100%;
        padding: 5px 0;
        font-size: 16px;
        color: #606266;
        text-align: center;
        position: relative;
      }
      .hrDiv:before{
        content: '';
        height: 1px;
        width: 42%;
        background: #606266;
        position: absolute;
        left: 0;
        top: 16px;
      }
      .hrDiv:after{
        content: '';
        height: 1px;
        width: 42%;
        background: #606266;
        position: absolute;
        right: 0;
        top: 16px;
      }
      /*已选商品*/
      .alreadyBought{
        max-height: 142px;
        overflow-y: auto;
      }
    }
    .payCon{
      width: 80%;
      margin: auto;
      padding-top: 5px;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      .barInputs{
        display: flex;
        flex-direction: row;
        width: 72%;
      }
      span,.input,.search,.radios{
        margin-right: 10px;
      }
      .pc_title{
        width: 35%;
        text-align: right;
        line-height: 30px;
      }
      .search,.radios{
        width: 70%;
      }
      .search{
        margin-right: 0;
      }
      .radios{
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .payCon_label{
          height: 30px;
          line-height:30px;
          margin-right: 10px;
        }
        .payCon_label:last-child{
          margin-right: 0;
        }
      }
    }
    .payCon:first-child{
      padding-top: 0;
    }
    /*默认缴纳房费押金*/
    .firstPay{
      display: flex;
      flex-direction: row;
      .roomPrice{
        width: 30%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        label{
          line-height: 30px;
        }
      }
      .depositPrice{
        width: 67%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
      }
      //.roomPrice,.depositPrice{
      //  width: 50%;
      //  display: flex;
      //  flex-direction: row;
      //  label{
      //    text-align: left;
      //    line-height: 40px;
      //  }
      //}
    }
  }
  .button{
    padding: 10px 15px;
    text-align: center;
  }
}
/*收支详情板块*/
.recordRevenueDetail{
  width: 440px;
  box-sizing: border-box;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .content{
    padding: 15px;
    font-size: 14px;
    .con{
      float: left;
      margin-right: 30px;
      margin-bottom: 15px;
      .con_left,.con_right{
        float: left;
      }
      .con_left{
        font-weight: 600;
      }
    }
    .con:last-child{
      margin-right: 0;
    }
    /*清除浮动*/
    .con:before,
    .con:after {
      display: table;
      content: "";
    }
    .con:after {
      clear: both;
    }
    .con{
      *zoom: 1;
    }
    .button{
      width: 100%;
      text-align: center;
      float: left;
      display: flex;
      flex-direction: row;
      .but_con{
        width: 70px;
        padding: 5px 10px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid rgba(0,0,0,0.07);
        border-radius: 5px;
        color: #333;
        text-align: center;
        cursor: pointer;
      }
    }
  }
  /*清除浮动*/
  .content:before,
  .content:after {
    display: table;
    content: "";
  }
  .content:after {
    clear: both;
  }
  .content{
    *zoom: 1;
  }
}
/*入住登记板块*/
.checkInfo{
  width: 620px;
  box-sizing: border-box;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .content{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    .con{
      margin-bottom: 10px;
      .con_name,.con_cardType,.con_cardId{
        float: left;
        margin-right: 10px;
        span,label{
          float: left;
          height: 30px;
          line-height: 30px;
        }
        span{
          margin-right: 5px;
        }
        label{
          width: 100px;
        }
      }
      .con_button{
        float: left;
        width: 17px;
        height: 17px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        border-radius: 50%;
        line-height: 17px;
        text-align: center;
        cursor: pointer;
        margin-top: 5px;
        margin-right: 5px;
      }
      .con_button:last-child{
        margin-right: 0;
      }
    }
    .con:last-child{
      margin-bottom: 0;
    }
    /*清除浮动*/
    .con:before,
    .con:after {
      display: table;
      content: "";
    }
    .con:after {
      clear: both;
    }
    .con{
      *zoom: 1;
    }
  }
  .button{
    text-align: center;
    margin-bottom: 10px;
  }
}
/*对账详情板块*/
.reconciliation{
  width: 520px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .content{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    .con{
      width: 100%;
      box-sizing: border-box;
      margin-top: 10px;
      span,label{
        line-height: 20px;
        float: left;
      }
      label{
        width: 80%;
      }
      .con_col{
        margin-right: 10px;
        text-align: center;
        .top{
          font-size: 14px;
        }
        .bottom{
          font-size: 12px;
        }
      }
      .con_border{
        width: 109px;
        height: 52px;
        border-radius: 5px;
        background: #26a69a;
        color: #fff;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .con_icon{
        height: 52px;
        line-height: 52px;
      }
    }
    .con_centent{
      display: flex;
      flex-direction: row;
      justify-content: center;
    }
    .con:first-child{
      margin-top: 0;
    }
    /*清除浮动*/
    .con:before,
    .con:after {
      display: table;
      content: "";
    }
    .con:after {
      clear: both;
    }
    .con{
      *zoom: 1;
    }
    .buttons{
      margin-top: 10px;
      text-align: center;
      button:last-child{
        margin-left: 50px;
      }
    }
  }
}
/*换房板块*/
.changeRoom{
  width: 500px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  .content{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    .roomType{
      width: 100%;
      .rt_con{
        width: 100%;
        margin-top: 5px;
        .rtc_left,.rtc_center,.rtc_right{
          width: 33.33%;
          height: 30px;
          line-height: 30px;
          text-align: center;
          float: left;
        }
        .rtc_right{
          .rtc_button{
            float: left;
            width: 17px;
            height: 17px;
            border: 1px solid rgba(0, 0, 0, 0.07);
            border-radius: 50%;
            margin-left: 10px;
            margin-top: 6px;
            text-align: center;
            cursor: pointer;
            i{
              line-height: 17px;
            }
          }
        }
      }
    }
    .roomChoose{
      margin-top: 10px;
      font-size: 14px;
    }
    .changeRoomList{
      margin-top: 10px;
      .rl_radio{
        float: left;
        margin-right: 10px;
      }
    }
    /*清除浮动*/
    .changeRoomList:before,
    .changeRoomList:after {
      display: table;
      content: "";
    }
    .changeRoomList:after {
      clear: both;
    }
    .changeRoomList{
      *zoom: 1;
    }
    .buttons{
      margin-top: 10px;
      text-align: center;
    }
    .note{
      margin-top: 10px;
      font-size: 14px;
      span{
        font-size: 14px;
        margin-right: 10px;
      }
    }
  }
}
/*续房板块*/
.continuedRoom{
  width: 500px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  .content{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    .roomType{
      width: 100%;
      display: flex;
      flex-direction: column;
      .rt_con{
        display: flex;
        flex-direction: row;
        .rtc_right{
          .rtc_button{
            position: relative;
            i{
              position: absolute;
              top: 1.2px;
              left: 2px;
            }
          }
        }
      }
    }
    .buttons{
      margin-top: 10px;
      text-align: center;
    }
    .note{
      margin-top: 10px;
      padding-left: 39px;
      box-sizing: border-box;
      span{
        font-size: 14px;
        margin-right: 10px;
      }
    }
  }
}
/*提前退房板块*/
.checkOut{
  width: 500px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  //普通退房
  .content{
    display: flex;
    flex-direction: column;
    .con{
      width: 100%;
      display: flex;
      flex-direction: row;
      margin-top: 10px;
      .con_left,.con_right{
        text-align: center;
      }
      .con_left{
        width: 60%;
        height: 30px;
        line-height: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        .active{
          margin-right: 5px;
        }
      }
      .con_right{
        width: 30%;
      }
    }
    .con_first{
      margin-top: 0;
    }
    .con_rmark{
      .con_left{
        width: 30%;
        justify-content: flex-end;
        padding-right: 10px;
        box-sizing: border-box;
      }
      .con_right{
        width: 60%;
      }
    }
    .buttons{
      width: 50%;
      margin: 10px auto;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }
  }
  //超时退房
  .outTime{
    display: flex;
    flex-direction: column;
    .ot_tips{
      margin-top: 10px;
      font-size: 14px;
      text-align: center;
      color: red;
    }
    .ot_content{
      display: flex;
      flex-direction: column;
      padding-bottom: 10px;
      .otc_con{
        display: flex;
        flex-direction: row;
        margin-top: 10px;
        .otc_title{
          width: 25%;
          text-align: right;
          font-size: 14px;
          line-height: 30px;
          margin-right: 30px;
        }
        .otc_radios{
          display: flex;
          flex-direction: row;
          line-height: 30px;
          font-size: 16px;
          padding-top: 8px;
          box-sizing: border-box;
        }
        .otc_buttons{
          width: 40%;
          height: 30px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin: 0 auto;
        }
      }
    }
  }
}
/*交班信息*/
.shifts{
  width: 600px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  .content{
    display: flex;
    flex-direction: column;
    .con{
      .con_row_title{
        width: 100%;
        position: relative;
        margin-bottom: 30px;
        .hr{
          height: 1px;
          width: 100%;
          background: rgba(0, 0, 0, 0.07);
          position: absolute;
          top: 14px;
          left: 0;
        }
        .text{
          position: absolute;
          top: 3px;
          left: 50%;
          transform: translateX(-50%);
        }
      }
      .con_row{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 15px;
        padding-bottom: 0;
        .row_con{
          margin-right: 20px;
          display: flex;
          flex-direction: row;
          font-size: 14px;
          .cc_title{
            margin-right: 10px;
            line-height: 30px;
            font-weight: bold;
            display: flex;
            flex-direction: row;
            .cct_con{
              width: 130px;
              height: 52px;
              border-radius: 5px;
              background: #26a69a;
              color: #fff;
              font-size: 13px;
              line-height: 22px;
              display: flex;
              flex-direction: column;
              justify-content: center;
              div{
                text-align: center;
              }
            }
            .cct_icon{
              height: 52px;
              line-height: 52px;
              margin: 0 5px;
            }
          }
          .cc_content{
            line-height: 30px;
          }
          .cc_input{
            width: 100px;
            height: 30px;
          }
        }
      }
      .haveTitle{
        padding-top: 10px;
      }
      .beforTitle{
        padding-bottom: 10px;
      }
    }
    .buttons{
      width: 50%;
      margin: 30px auto 15px auto;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }
  }
}
/*微信退款板块*/
.wxRefund{
  width: 600px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  .content{
    width: 60%;
    margin: auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    .con{
      display: flex;
      flex-direction: row;
      margin-bottom: 10px;
      .cc_left{
        margin-right: 10%;
        line-height: 30px;
        text-align: right;
        width: 30%;
      }
      .cc_right{
        line-height: 30px;
      }
    }
    .buttons{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }
  }
}
/*单个房间详情板块*/
.houseDetail{
  width: 500px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  .content{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    .button{
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-top: 20px;
    }
  }
}
/*冲调板块*/
.flushing{
  width: 500px;
  .title{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    span{
      margin-right: 10px;
    }
    span:last-child{
      margin-right: 0;
    }
  }
  .content{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    .fc_con{
      width: 70%;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      margin-bottom: 10px;
      .fcc_left{
        width: 30%;
        text-align: right;
        margin-right: 5%;
        position: relative;
        .icon{
          position: absolute;
          top: -4px;
          right: -5px;
          color: red;
        }
      }
      .fcc_right{
        width: 65%;
        text-align: left;
      }
    }
    .buttons{
      display: flex;
      flex-direction: row;
      width: 50%;
      justify-content: space-around;
      button{
        height: 30px !important;
        line-height: 30px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
    }
  }
}
